<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页-领券中心</title>

    <!-- Bootstrap -->
    <!-- <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="css/YHQ.css">
    <link rel="stylesheet" href="css/YHQfont-awesome.min.css">
    <link rel="stylesheet" href="css/YHQfont-awesome.css">
    <link rel="shortcut icon" href="images/YHQ/YHQ_favicon.ico">
    <script src="js/jquery-1.11.1.js"></script>
    <script src='js/YHQ.js'></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="lib/html5shiv/html5shiv.min.js"></script>
      <script src="lib/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <!-- 弹出登录框 <-->
    <div id="mask" class="mask"></div>
    <div id="model" class="model">  
      <div class="title">
        <span>您尚未登录</span>
        <i class="fa fa-times" aria-hidden="true"></i>
      </div> 
      <div class="content">
        <div class="top">
          <a href="">扫码登录</a>
          <a href="">账户登录</a>
        </div>
        <div class="center">
          <img src="images/YHQ/ma.png" alt="">
        </div>
        <div class="last">
          <ul>
            <li>
              <span>打开</span>
              <a href="">手机京东</a>
            </li>
            <li>扫描二维码</li>
          </ul>
        </div>
      </div> 
    </div>  
    <header id="one">
      <div class="container">
        <ul class="fl" >
          <li>
            送至:
            <span>北京</span>
            <i class="fa fa-angle-down" aria-hidden="true"></i>
            <div class="down1">
            <ul >
              <li class="active1"><a href="javascript:;">北京</a></li>
              <li><a href="javascript:;">山西</a></li>
              <li><a href="javascript:;">内蒙古</a></li>
              <li><a href="javascript:;">福建</a></li>
              <li><a href="javascript:;">江西</a></li>
            </ul>
            <ul>
              <li><a href="javascript:;">上海</a></li>
              <li><a href="javascript:;">河南</a></li>
              <li><a href="javascript:;">江苏</a></li>
              <li><a href="javascript:;">湖北</a></li>
              <li><a href="javascript:;">四川</a></li>
            </ul>
            <ul>
              <li><a href="javascript:;">天津</a></li>
              <li><a href="javascript:;">辽宁</a></li>
              <li><a href="javascript:;">山东</a></li>
              <li><a href="javascript:;">湖南</a></li>
              <li><a href="javascript:;">海南</a></li>
            </ul>
            <ul>
              <li><a href="javascript:;">重庆</a></li>
              <li><a href="javascript:;">吉林</a></li>
              <li><a href="javascript:;">安徽</a></li>
              <li><a href="javascript:;">广东</a></li>
              <li><a href="javascript:;">贵州</a></li>
            </ul>
            <ul>
              <li><a href="javascript:;">河北</a></li>
              <li><a href="javascript:;">黑龙江</a></li>
              <li><a href="javascript:;">浙江</a></li>
              <li><a href="javascript:;">广西</a></li>
              <li><a href="javascript:;">云南</a></li>
            </ul>
            </div>
          </li>
        </ul>
       
        <ul class="fr" >
          <li><a href="login.html">你好，请登录</a><a href="login.html">免费注册</a></li>
          <li><a href="">我的订单</a></li>
          <li><a href="">我的京东</a><i class="fa fa-angle-down" aria-hidden="true"></i>
            <ul id="SubmyJD">
              <li><a href="#">待处理订单</a></li>
              <li><a href="#">消息</a></li>
              <li><a href="#">返修退换货</a></li>
              <li><a href="#">我的问答</a></li>
              <li><a href="#">降价商品</a></li>
              <li><a href="#">我的关注</a></li>           
              <li><a href="#">我的京东</a></li>
              <li><a href="#">我的优惠券</a></li>
              <li><a href="#">我的白条</a></li>
              <li><a href="#">我的理财</a></li>
            </ul>
          </li>
          <li><a href="">会员俱乐部</a></li>
          <li><a href="">企业频道</a></li>
          <li><i class="fa fa-mobile" aria-hidden="true"></i><a href="">手机京东</a></li>
          <li><a href="">关注京东</a> <i class="fa fa-angle-down" aria-hidden="true"></i></li>
          <li><a href="">客服服务</a> <i class="fa fa-angle-down" aria-hidden="true"></i>
            <ul id="SubService">
              <h2>客户</h2>
              <li>帮助中心</li>
              <li>售后服务</li>
              <li>在线客服</li>
              <li>意见建议</li>
              <li>电话客服</li>
              <li>客服邮箱</li>
              <li>金融咨询</li>
              <li>售全球客服</li>
              <h2>商户</h2>
              <li>合作招商</li>
              <li>京东商学院</li>
              <li>商家后台</li>
              <li>京麦工作台</li>
              <li>商家帮助</li>
              <li>规则平台</li>
            </ul>
          </li>
          <li><a href="">网站导航</a> <i class="fa fa-angle-down" aria-hidden="true"></i></li>
        </ul>
      </div>
    </header>
    <section id="two">
      <div class="container">
        <div class="logo">
          <a href="zjl.html"><img src="images/YHQ/logo.jpg" alt=""></a>
          <span>领券中心</span>
        </div>
        <div class="search">
          <ul>
            <li>优惠券<i class="fa fa-angle-down" aria-hidden="true"></i></li>
           <!--  <li>商品</li> -->
          </ul>
          <input type="text">
          <input type="button" value="搜索">
        </div>
        <div class="quan">
          <i class="fa fa-money" aria-hidden="true"></i>
          <span>我的优惠券</span>
          <i class="fa fa-angle-right" aria-hidden="true"></i> 
          <div class="quan_dd">
            <a href="javascript:;" id="quan_btn">你好，请先登录</a>
          </div>
          <div class="null"></div>
         <!--  <div id="mask" class="mask"></div>
          <div id="model" class="model">  
            这是内容（不过没有垂直居中显示）希望各位高手，能够补充。小弟在此谢过了。  
        </div>   -->
        </div>
        
      </div>
    </section>
    <section id="three">
      <div class="container">
      <ul>
        <li ><a class="active" href=""  >领券中心</a></li>
        <li><a href="">券集市</a></li>
        <li><a href="">任务</a></li>
        <li><a href="">我的专属</a></li>
        <li><a href="">全部优惠券</a></li>
      </ul>
      </div>
    </section>
    <div class="banner">
      <div class="container">
        <div class="left">
          <a href=""><img src="images/YHQ/bg.png" alt=""></a>
        </div>
        <div class="right">
          <div class="rt">
            <h3>|&nbsp;&nbsp;券集市</h3>
            <a href="">您可能需要这些</a>
          </div>
          <div class="rd">
            <p>"进来淘一淘好券"</p>
            <p>_</p>
           <ul>
             <li>
              <a href="">
                <div class="item">
                  <em>¥</em>
                  <strong>20</strong><br>
                  <span>满120可用</span>
                </div>
                <i></i>
                <i></i>
                <div class="text"><p>仅可购买京东自营图书音像商品</p></div>
                <div class="bottom"></div>
              </a>
             </li>
             <li><a href="">
                <div class="item">
                  <em>¥</em>
                  <strong>30</strong><br>
                  <span>满99可用</span>
                </div>
                <i></i>
                <i></i>
                <div class="text"><p>仅可购买洁柔部分商品</p></div>
                <div class="bottom"></div>
             </a></li>
             <li><a href="">
                <div class="item">
                  <em>¥</em>
                  <strong>20</strong><br>
                  <span>满110可用</span>
                </div>
                <i></i>
                <i></i>
                <div class="text"><p>仅可购买自营英雄品牌文具指定商品</p></div>
                <div class="bottom"></div>
             </a></li>
           </ul>
          </div>
        </div>
      </div>
    </div>
    <nav>
      <ul class="container" id="nav" >
      <li class="active2">精选</li>
      <li id="a_1">手机数码</li>
      <li>家用电器</li>
      <li>食品饮料</li>
      <li>母婴用品</li>
      <li>电脑办公</li>
      <li>服饰内衣</li>
      <li>个体化妆</li>
      <li>运动户外</li>
      <li>图书音像</li>
      <li>全部分类<i class="fa fa-caret-down" aria-hidden="true"></i>
      </li>
      </ul>
    </nav>
    <section id="four" >
      <ul class="container">
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>20</strong>
              <span>满500可用</span>
            </div>
            <p>全品类（除特殊商品）【14点限量抢】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:80px"></span>
              <span>已抢42%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/1.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>100</strong>
              <span>满150可用</span>
            </div>
            <p>自营联合利华个护清洁部分商品</p>
            <div class="progrees">
              <span></span>
              <span style="width:144px"></span>
              <span>已领完</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/2.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>3999</strong>
              <span>满4000可用</span>
            </div>
            <p>自营汉米尔顿经典手表限量3份【每天12点抢好货】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:0px"></span>
              <span>已抢0%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/3.jpg" alt="">
          </div>
        </li>
      </ul>
      <ul class="container">
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>888</strong>
              <span>满3000可用</span>
            </div>
            <p>自营游戏电脑主机、一体机部分商品</p>
            <!-- <a href="">立即领取</a> -->
            <div class="progrees">
              <span></span>
              <span style="width:0px"></span>
              <span>已抢0%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/7.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>30</strong>
              <span>满51可用</span>
            </div>
            <p>潮宏基京东旗舰店【七夕专场享白条12期免息】</p>
            <div class="progrees">
              <span></span>
              <span style="width:144px"></span>
              <span>已领完</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/8.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>15</strong>
              <span>满888可用</span>
            </div>
            <p>中石化 中石油油卡充值【10/14/20点限量抢】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:0px"></span>
              <span>已抢0%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/9.png" alt="">
          </div>
        </li>
      </ul>
      <ul class="container">
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>20</strong>
              <span>满500可用</span>
            </div>
            <p>全品类（除特殊商品）【14点限量抢】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:80px"></span>
              <span>已抢42%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/1.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>100</strong>
              <span>满150可用</span>
            </div>
            <p>自营联合利华个护清洁部分商品</p>
            <div class="progrees">
              <span></span>
              <span style="width:144px"></span>
              <span>已领完</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/2.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>3999</strong>
              <span>满4000可用</span>
            </div>
            <p>自营汉米尔顿经典手表限量3份【每天12点抢好货】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:0px"></span>
              <span>已抢0%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/3.jpg" alt="">
          </div>
        </li>
      </ul>
      <ul class="container">
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>150</strong>
              <span>满3000可用</span>
            </div>
            <p>自营空调部分商品【家电周年庆返场】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:30px"></span>
              <span>已抢20%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/4.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>60</strong>
              <!-- <span>满3000可用</span> -->
            </div>
            <p>南极人家纺旗舰店【毛毯低至29.9元限量抢】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:100px"></span>
              <span>已抢56%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/5.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>30</strong>
              <span>满130可用</span>
            </div>
            <p>自营图书音像部分商品</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:120px"></span>
              <span>已抢91%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/6.jpg" alt="">
          </div>
        </li>
      </ul>
      <ul class="container">
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>20</strong>
              <span>满500可用</span>
            </div>
            <p>全品类（除特殊商品）【14点限量抢】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:80px"></span>
              <span>已抢42%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/1.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>100</strong>
              <span>满150可用</span>
            </div>
            <p>自营联合利华个护清洁部分商品</p>
            <div class="progrees">
              <span></span>
              <span style="width:144px"></span>
              <span>已领完</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/2.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>3999</strong>
              <span>满4000可用</span>
            </div>
            <p>自营汉米尔顿经典手表限量3份【每天12点抢好货】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:0px"></span>
              <span>已抢0%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/3.jpg" alt="">
          </div>
        </li>
      </ul>
      <ul class="container">
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>150</strong>
              <span>满3000可用</span>
            </div>
            <p>自营空调部分商品【家电周年庆返场】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:30px"></span>
              <span>已抢20%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/4.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>60</strong>
              <!-- <span>满3000可用</span> -->
            </div>
            <p>南极人家纺旗舰店【毛毯低至29.9元限量抢】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:100px"></span>
              <span>已抢56%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/5.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>30</strong>
              <span>满130可用</span>
            </div>
            <p>自营图书音像部分商品</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:120px"></span>
              <span>已抢91%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/6.jpg" alt="">
          </div>
        </li>
      </ul>
      <ul class="container">
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>888</strong>
              <span>满3000可用</span>
            </div>
            <p>自营游戏电脑主机、一体机部分商品</p>
            <!-- <a href="">立即领取</a> -->
            <div class="progrees">
              <span></span>
              <span style="width:0px"></span>
              <span>已抢0%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/7.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>30</strong>
              <span>满51可用</span>
            </div>
            <p>潮宏基京东旗舰店【七夕专场享白条12期免息】</p>
            <div class="progrees">
              <span></span>
              <span style="width:144px"></span>
              <span>已领完</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/8.jpg" alt="">
          </div>
        </li>
        <li>
          <div class="le">
            <div class="price">
              <em>¥</em>
              <strong>15</strong>
              <span>满888可用</span>
            </div>
            <p>中石化 中石油油卡充值【10/14/20点限量抢】</p>
            <a href="">立即领取</a>
            <div class="progrees">
              <span></span>
              <span style="width:0px"></span>
              <span>已抢0%</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/9.png" alt="">
          </div>
        </li>
      </ul>
      <ul class="container">
        <li style="border-right:2px solid #d69a27">
          <div class="le" style="background-image: linear-gradient(-52deg,#e7ad3e 0,#d69a27 100%) !important">
            <div class="price">
              <em>¥</em>
              <strong>5</strong>
              <span>满199可用</span>
            </div>
            <p>白条购家电满199减5元（可与东券叠加）</p>
            <!-- <a href="">立即领取</a> -->
            <div class="progrees">
              <span></span>
              <span style="width:144px"></span>
              <span>已领完</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/10.png" alt="">
          </div>
        </li>
        <li style="border-right:2px solid red">
          <div class="le" style="background-image: linear-gradient(-52deg,#5e9ff0 0,red 100%)!important">
            <div class="price">
              <em>¥</em>
              <strong>400</strong>
              <span>满1999可用</span>
            </div>
            <p>自营音响、耳机、家庭影院等影音部分商品</p>
            <div class="progrees">
              <span></span>
              <span style="width:144px"></span>
              <span>已领完</span>
            </div>
            <i></i>
          </div>
          <div class="rg">
            <img data-src="images/YHQ/11.jpg" alt="">
          </div>
        </li>
        <li style="background:#F6F6F6;border-right:2px solid #F6F6F6" >
         
        </li>
      </ul>
      <div class="down" class="container">
        <a href="">
          <i class="fa fa-cart-arrow-down" aria-hidden="true"></i><br>
          <span>点击查看下一个分类</span><br>
          <i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
        </a>
      </div>
      <ul id="aside">
        <li>
          <i class="fa fa-gg" aria-hidden="true"></i>
        </li>
        <li id="totop">
          <i class="fa fa-chevron-up" aria-hidden="true"></i>
          <span>Top</span>
        </li>
        <li>
          <span>手机领券</span>
        </li>
      </ul>
    </section>
    <ul id="down" class="container">
        <li>
          <i class="fa fa-hand-rock-o" aria-hidden="true"></i>
          <span>多</span>
          <span>品类齐全&nbsp;&nbsp;轻松购物</span>
        </li>
        <li>
          <i class="fa fa-hand-rock-o" aria-hidden="true"></i>
          <span>快</span>
          <span>多仓直发&nbsp;&nbsp;极速配送</span>
        </li>
        <li>
          <i class="fa fa-hand-rock-o" aria-hidden="true"></i>
          <span>好</span>
          <span>正品行货&nbsp;&nbsp;精致服务</span>
        </li>
        <li>
          <i class="fa fa-hand-rock-o" aria-hidden="true"></i>
          <span>省</span>
          <span>天天低价&nbsp;&nbsp;畅选无忧</span>
        </li>
    </ul>
    <footer>
    <div class="container">
      <div id="dlist" >
        <dl>
           <dt>购物指南</dt>
           <dd><a href="">购物流程</a></dd>
           <dd><a href="">会员介绍</a></dd>
           <dd><a href="">生活旅行/团购</a></dd>
           <dd><a href="">常见问题</a></dd>
           <dd><a href="">大家电</a></dd>
           <dd><a href="">联系客服</a></dd>
         </dl> 
         <dl>
           <dt>配送方式</dt>
           <dd><a href="">上门自提</a></dd>
           <dd><a href="">211限时达</a></dd>
           <dd><a href="">配送服务查询</a></dd>
           <dd><a href="">配送费收取标准</a></dd>
           <dd><a href="">海外配送</a></dd>
         </dl> 
         <dl>
           <dt>支付方式</dt>
           <dd><a href="">货到付款</a></dd>
           <dd><a href="">在线支付</a></dd>
           <dd><a href="">分期付款</a></dd>
           <dd><a href="">邮局汇款</a></dd>
           <dd><a href="">公司转账</a></dd>
         </dl> 
         <dl>
           <dt>售后服务</dt>
           <dd><a href="">售后政策</a></dd>
           <dd><a href="">价格保护</a></dd>
           <dd><a href="">退款说明</a></dd>
           <dd><a href="">返修/退换货</a></dd>
           <dd><a href="">取消订单</a></dd>
         </dl>
         <dl>
           <dt>特色服务</dt>
           <dd><a href="">夺宝岛</a></dd>
           <dd><a href="">DIY装机</a></dd>
           <dd><a href="">延保服务</a></dd>
           <dd><a href="">京东E卡</a></dd>
           <dd><a href="">京东通信</a></dd>
           <dd><a href="">京东JD+</a></dd>
         </dl>  
      </div>
      <div class="ddown">
        <div class="link">
        <a href="">关于我们</a>
        <a href="">联系我们</a>
        <a href="">商家入驻</a>
        <a href="">营销中心</a>
        <a href="">手机京东</a>
        <a href="">友情链接</a>
        <a href="">销售联盟</a>
        <a href="">京东社区</a>
        <a href="">京东公益</a>
        <a href="">English Site</a>
        <a href="">Contact Us</a><br>
        <a href=""><img src="images/YHQ/last.png" alt="">京公网安备 11000002000088号
        </a>
        <a href="">  京ICP证070359号</a>
        <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
        <a href="">新出发京零 字第大120007号</a><br>
        <a href="">音像制品经营许可证苏宿批005号 </a>
        <a href=""> 出版物经营许可证编号新出发(苏)批字第N-012号</a>
        <a href=""> 互联网出版许可证编号新出网证(京)字150号</a><br>
        <a href=""  style="border-right:1px solid white"
        >网络文化经营许可证京网文[2014]2148-348号</a>违法和不良信息举报电话：4006561155  Copyright © 2004-2017  京东JD.com 版权所有<br>
        京东旗下网站：<a href="" style="border-right:1px solid white">网银在线</a>
        </div>
        <div class="img">
          <a href=""><img src="images/YHQ/img1.png" alt=""></a>
          <a href=""><img src="images/YHQ/img2.png" alt=""></a>
          <a href=""><img src="images/YHQ/img3.png" alt=""></a>
          <a href=""><img src="images/YHQ/img4.png" alt=""></a>
          <a href=""><img src="images/YHQ/img5.jpg" alt=""></a>
          <a href=""><img src="images/YHQ/img6.jpg" alt=""></a>
        </div>
      </div>

    </div>
    </footer>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- <script src="lib/jquery/jquery.min.js"></script>
    Include all compiled plugins (below), or include individual files as needed
    <script src="lib/bootstrap/js/bootstrap.min.js"></script> -->
    <script>
    window.onload=checkImgs;
    window.onscroll = throttle(checkImgs);
    function isInSight(el) {
        const bound = el.getBoundingClientRect();
        const clientHeight = window.innerHeight;
        //如果只考虑向下滚动加载
        const clientWidth = window.innerWeight;
        return bound.top <= clientHeight + 100;
    }
    function checkImgs() {
        const imgs = document.querySelectorAll('#four .rg img');
        Array.from(imgs).forEach(el => {
            if (isInSight(el)) {
                loadImg(el);
            }
        })
    }

    function loadImg(el) {
        if (!el.src) {
            const source = el.dataset.src;
            el.src = source;
        }
    }
    throttle(checkImgs(), 500);
    function throttle(fn, mustRun = 500) {
        const timer = null;
        let previous = null;
        return function() {
            const now = new Date();
            const context = this;
            const args = arguments;
            if (!previous) {
                previous = now;
            }
            const remaining = now - previous;
            if (mustRun && remaining >= mustRun) {
                fn.apply(context, args);
                previous = now;
            }
        }
    }

</script>
  </body>
</html>